<template>
  <div class="u-p-r-50 u-p-b-50">
    <el-form :model="formData" size="mini" label-width="200px" :inline="true">
      <el-form-item label="动力车号">
        <el-input v-model="formData.a1" :style="{ width: '400px' }"> </el-input>
      </el-form-item>
      <el-form-item label="能源类型">
        <el-input v-model="formData.a2" :style="{ width: '400px' }"> </el-input>
      </el-form-item>
      <el-form-item label="车辆类型">
        <el-input v-model="formData.a3" :style="{ width: '400px' }"> </el-input>
      </el-form-item>
      <el-form-item label="发证机关">
        <el-input v-model="formData.a4" :style="{ width: '400px' }"> </el-input>
      </el-form-item>
      <el-form-item label="车辆颜色">
        <el-input v-model="formData.a5" :style="{ width: '400px' }"> </el-input>
      </el-form-item>
      <el-form-item label="车辆所有人">
        <el-input v-model="formData.a6" :style="{ width: '400px' }"> </el-input>
      </el-form-item>
      <el-form-item label="车长">
        <el-input v-model="formData.a7" :style="{ width: '400px' }"> </el-input>
      </el-form-item>
      <el-form-item label="使用性质">
        <el-input v-model="formData.a17" :style="{ width: '400px' }">
        </el-input>
      </el-form-item>
      <el-form-item label="车头正面照">
        <PreviewUploadBtn v-model="formData.a8" :style="{ width: '400px' }" />
      </el-form-item>
      <el-form-item label="行驶证正面">
        <PreviewUploadBtn v-model="formData.a9" :style="{ width: '400px' }" />
      </el-form-item>
      <el-form-item label="行驶证反面">
        <PreviewUploadBtn v-model="formData.a10" :style="{ width: '400px' }" />
      </el-form-item>
      <el-form-item label="道路运输证">
        <PreviewUploadBtn v-model="formData.a11" :style="{ width: '400px' }" />
      </el-form-item>
      <el-form-item label="道路运输证有效期(开始)">
        <el-input v-model="formData.a12" :style="{ width: '400px' }">
        </el-input>
      </el-form-item>
      <el-form-item label="道路运输证有效期(结束)">
        <el-input v-model="formData.a13" :style="{ width: '400px' }">
        </el-input>
      </el-form-item>
      <el-form-item label="行驶证有效期(开始)">
        <el-input v-model="formData.a14" :style="{ width: '400px' }">
        </el-input>
      </el-form-item>
      <el-form-item label="行驶证有效期(结束)">
        <el-input v-model="formData.a15" :style="{ width: '400px' }">
        </el-input>
      </el-form-item>
      <el-form-item label="挂靠单位">
        <el-input v-model="formData.a16" :style="{ width: '400px' }">
        </el-input>
      </el-form-item>

      <el-form-item label="信用代码证件号码">
        <el-input v-model="formData.a18" :style="{ width: '400px' }">
        </el-input>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import PreviewUploadBtn from "@/components/Universal/PreviewUploadBtn/index.vue";
import ValidateMixin from "@/mixins/ValidateMixin.js";
/**
 * 表单校验
 */
let REQUIRED_PORP_LIST1 = [
  {
    label: "其他-区域",
    prop: "quyu",
  },
  {
    label: "其他-行业",
    prop: "hangye",
  },
];
export default {
  name: "tab3",
  mixins: [ValidateMixin],
  components: {
    PreviewUploadBtn,
  },
  data() {
    return {
      formData: {
        a1: "",
        a2: "",
        a3: "",
        a4: "",
        a5: "",
        a6: "",
        a7: "",
        a8: [],
        a9: [],
        a10: [],
        a11: [],
        a12: "",
        a13: "",
        a14: "",
        a15: "",
        a16: "",
        a17: "",
        a18: "",
      },
    };
  },
  methods: {
    //校验必填
    verify_required() {
      return this.$validateForm(this.formData, REQUIRED_PORP_LIST1);
    },
  },
  created() {},
};
</script>

<style lang="scss" scoped></style>
